<template>
  <div id="app">
    <!-- <nav>
      <router-link to="/">Home</router-link> |
      <router-link to="/about">About</router-link>
    </nav> -->
    <router-view/>
  </div>
</template>

<script>
// import { mixins } from "./mixin/index";
export default {
  name: "App",
  // mixins: [mixins],
  components: {},

  created(){
    // console.log("组件调用minxi数据",this.msg);
  },
  mounted(){
    // console.log("我是组件的mounted生命周期函数")
  }
};
</script>

<style lang="less">

html,body{
  font-family: Source Han Sans CN, Source Han Sans CN;
}

#app {
  /* font-family: Source Han Sans CN, Source Han Sans CN; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  // text-align: center;
  color: #2c3e50;
}

nav {
  padding: 30px;
}

nav a {
  font-weight: bold;
  color: #2c3e50;
}

nav a.router-link-exact-active {
  color: #42b983;
}
  .flexal{
		display: flex;
		align-items: center;
	}
	.flexcen{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.flexspb{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.flexcum{
		display: flex;
		flex-direction: column;
	}
  .flexcumal{
		display: flex;
		flex-direction: column;
    align-items: center;
	}
  .ellipsis{
    white-space: nowrap;        /* 防止文本换行 */
    overflow: hidden;           /* 隐藏超出部分 */
    text-overflow: ellipsis;    /* 使用省略号表示溢出部分 */
  } 
  ::-webkit-scrollbar {
    width: 6px; /*对垂直流动条有效*/
    height: 6px; /*对水平流动条有效*/
  }
  
</style>

<!-- <style scoped>
  /* @import '../src/assets/text/text.css'; */
  body{
    font-family: Source Han Sans CN, Source Han Sans CN;
  }
</style> -->
